/* 6px - The quick brown fox jumps over the lazy dog */
.size6px {
  font-size: 0.375em; /* 6px */
  line-height: 4em; /* 24px */
  margin-top: 4em;
  margin-bottom: 0em;
}

/* 7px - The quick brown fox jumps over the lazy dog */
.size7px {
  font-size: 0.4375em; /* 7px */
  line-height: 3.4286em; /* 24px */
  margin-top: 3.4286em;
  margin-bottom: 0em;
}

/* 8px - The quick brown fox jumps over the lazy dog */
.size8px {
  font-size: 0.5em; /* 8px */
  line-height: 3em; /* 24px */
  margin-top: 3em;
  margin-bottom: 0em;
}

/* 9px - The quick brown fox jumps over the lazy dog */
.size9px {
  font-size: 0.5625em; /* 9px */
  line-height: 2.6667em; /* 24px */
  margin-top: 2.6667em;
  margin-bottom: 0em;
}

/* 10px - The quick brown fox jumps over the lazy dog */
.size10px {
  font-size: 0.625em; /* 10px */
  line-height: 2.4em; /* 24px */
  margin-top: 2.4em;
  margin-bottom: 0em;
}

/* 11px - The quick brown fox jumps over the lazy dog */
.size11px {
  font-size: 0.6875em; /* 11px */
  line-height: 2.1818em; /* 24px */
  margin-top: 2.1818em;
  margin-bottom: 0em;
}

/* 12px - The quick brown fox jumps over the lazy dog */
.size12px {
  font-size: 0.75em; /* 12px */
  line-height: 2em; /* 24px */
  margin-top: 2em;
  margin-bottom: 0em;
}

/* 14px - The quick brown fox jumps over the lazy dog */
.size14px {
  font-size: 0.875em; /* 14px */
  line-height: 1.7143em; /* 24px */
  margin-top: 1.7143em;
  margin-bottom: 0em;
}

/* 18px - The quick brown fox jumps over the lazy dog */
.size18px {
  font-size: 1.125em; /* 18px */
  line-height: 1.3333em; /* 24px */
  margin-top: 1.3333em;
  margin-bottom: 0em;
}

/* 21px - The quick brown fox jumps over the lazy dog */
.size21px {
  font-size: 1.3125em; /* 21px */
  line-height: 1.1429em; /* 24px */
  margin-top: 1.1429em;
  margin-bottom: 0em;
}

/* 24px - The quick brown fox jumps over the lazy dog */
.size24px {
  font-size: 1.5em; /* 24px */
  line-height: 1em; /* 24px */
  margin-top: 1em;
  margin-bottom: 0em;
}

/* 36px - The quick brown fox jumps over the lazy dog */
.size36px {
  font-size: 2.25em; /* 36px */
  line-height: 1.3333em; /* 48px */
  margin-top: 0.6667em;
  margin-bottom: 0em;
}

/* 48px - The quick brown fox jumps over the lazy dog */
.size48px {
  font-size: 3em; /* 48px */
  line-height: 1em; /* 48px */
  margin-top: 0.5em;
  margin-bottom: 0em;
}

/* 60px - The quick brown fox jumps over the lazy dog */
.size60px {
  font-size: 3.75em; /* 60px */
  line-height: 1.2em; /* 72px */
  margin-top: 0.4em;
  margin-bottom: 0em;
}

/* 72px - The quick brown fox jumps over the lazy dog */
.size72px {
  font-size: 4.5em; /* 72px */
  line-height: 1em; /* 72px */
  margin-top: 0.3333em;
  margin-bottom: 0em;
}